<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>05-26</title>
    <script src="../../javascript/jquery-1.9.1.min.js"></script>
    <script src="../../frame/vue/vue.js"></script>
</head>
<body>
<div id="app">
    请输入:<input type="text" v-model="name">
    {{name}}

    <ul>
        <li v-for="d in dataList">{{d.name}}</li>
    </ul>
    <table>
        <tr>
            <th>姓名</th>
        </tr>
        <tr v-for="d in dataList">
            <td>{{d.name}}</td>
        </tr>
    </table>

    <select v-model="sl" v-on:change="changeName()">
        <option value="">请选择</option>
        <option v-for="d in dataList" v-bind:value="d.value">{{d.name}}</option>
    </select>
    {{sl}}
    <button v-on:click="tan()">弹起弹框</button>
</div>
<script src="../../js/vue/05-26.js" type="text/javascript"></script>
</body>
</html>